<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Responsive Theme, Contact Page</title>
  <meta name="keywords" content="responsive, contact, bootstrap, free template, fluid layout, templatemo, html css" />
  <meta name="description" content="Responsive Theme, Contact, free template based on Bootstrap framework." />
  <link href="/default/css/bootstrap.min.css" rel="stylesheet" type="text/css">
  <link href="/default/css/templatemo_style_fix_menu.css" rel="stylesheet" type="text/css">
  <link href="/default/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css">
  <link href="http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet" type="text/css">
  <link href="/default/css/templatemo_style.css" rel="stylesheet" type="text/css">
  <!-- HTML 5 shim for IE backwards compatibility -->
  <!-- [if lt IE 9]>
  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
  </script>
  <![endif]-->
</head>
<body>
  <header>
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="http://www.cssmoban.com/" target="_parent">Responsive</a>
          <nav class="nav-collapse collapse">
            <ul class="nav pull-right">
              <li><a href="/">Home</a></li>
              <li><a href="/defalutHtml/about.html">About</a></li>
              <li><a href="/defalutHtml/portfolio.html">Portfolio</a></li>
              <li><a href="/defalutHtml/blog.html">Blog</a></li>
              <li class="active"><a href="/defalutHtml/contact.html">Contact</a></li>
              <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Affiliates <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="http://www.cssmoban.com"  target="_blank">Free CSS Templates</a></li>
                  <li><a href="#" target="_blank">Free Flash Stuffs</a></li>
                  <li><a href="#" target="_blank">Flash Web Gallery</a></li>
                </ul>
              </li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
  </header>
  <section class="container" id="page_content">
    <div class="row">
      <section class="span12">
        <h3>Contact Us</h3>
        <p>You may leave us a message for any kind of business matter or personal greeting.</p>
        <div id="contact_form">
          <form method="post" name="contact" action="#">
            <div class="row">
              <div class="span6">
                <label for="author">Name:</label> <input name="author" type="text" class="input_field" id="author" maxlength="40" />
                <div class="cleaner"></div>
                <label for="email">Email:</label> <input name="email" type="text" class="input_field" id="email" maxlength="40" />
                <div class="cleaner"></div>
                <label for="phone">Phone:</label> <input name="phone" type="text" class="input_field" id="phone" maxlength="20" />
                <div class="cleaner"></div>
              </div>
              <div class="span6">
                <label for="text">Message:</label> <textarea id="text" name="text" rows="8" cols="5" class="required"></textarea>
                <div class="cleaner"></div>

                <input type="submit" value="Send" id="submit" name="submit" class="btn btn-info float_l" />
                <input type="reset" value="Reset" id="reset" name="reset" class="btn float_r" />
              </div>
            </div>
          </form>
        </div> 
      </section>
    </div>
    <hr class="featurette-divider">
    <section>
      <h4>Our Location</h4><br>      
      <iframe height="320" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Central+Park,+New+York,+NY,+USA&amp;aq=0&amp;sll=14.093957,1.318359&amp;sspn=69.699334,135.263672&amp;vpsrc=6&amp;ie=UTF8&amp;hq=Central+Park,+New+York,+NY,+USA&amp;ll=40.778265,-73.96988&amp;spn=0.033797,0.06403&amp;t=m&amp;output=embed"></iframe>
    </section>
  </section>
  <footer>
    <div class="container">        
      <div id= "latest" class="row">
        <section class="span4 rp_box_wrapper">
          <h4>Latest Blog Posts <i class="icon-pencil icon-white"></i></h4>
          <article class="rp_box">
            <a href="#"><img src="/default/images/templatemo_image_04.png" alt="image 4" class="img-rounded"/></a>
            <div class="date">May 24, 2072</div>
            <a href="#">Sed quam lorem, ultricies et lobortis rutrum, tristique id lorem.</a>            
          </article> 
          <article class="rp_box">
            <a href="#"><img src="/default/images/templatemo_image_05.png" alt="image 5"  class="img-rounded"/></a>
            <div class="date">May 20, 2072</div>
            <a href="#">Duis vestibulum libero accumsan lorem varius tristique.</a>            
          </article> 
          <article class="rp_box">
            <a href="#"><img src="/default/images/templatemo_image_06.png" alt="image 6"  class="img-rounded"/></a>
            <div class="date">May 16, 2072</div>
            <a href="#">Class aptent taciti sociosqu ad litora torquent per conubia.</a>            
          </article>
        </section>

        <section class="span4 rp_box_wrapper">
        
          <h4>Latest Tweets <i class="icon-twitter icon-white"></i></h4>
          
          <ul class="twitter_post">
            <li>Suspendisse at scelerisque urna. Aenean tincidunt massa in tellus varius ultricies. <a href="#">#</a></li>
            <li>Proin dignissim, diam nec <a href="#">@网站模板</a> enim lorem tempus orci, ac imperdiet ante purus in justo.</li>
            <li>Fusce cursus consectetur ultricies <a href="#">#freetemplate</a> uis nisl lectus, mattis ut elementum id, fermentum sed erat. </li>
            <li>Sexy social buttons by Stephen Burgess on <a href="http://codepen.io/minimalmonkey/details/Ecpla" target="_blank">codepen.io</a></li>
            <li>Icons Collect from <a href="http://fontawesome.io" target="_blank">Font Awesome</a></li>
            <li>Validate <a href="#" >HTML</a> &amp; <a href="#" >CSS</a></li>
          </ul>
          <br />
          
          <div class="social_buttons">
           <a href="#" class="icon-button twitter"><i class="icon-twitter"></i><span></span></a>
           <a href="#" class="icon-button facebook"><i class="icon-facebook"></i><span></span></a>
           <a href="#" class="icon-button google-plus"><i class="icon-google-plus"></i><span></span></a>
         </div>
         
       </section>
       
       <section class="span4 rp_box_wrapper">
       
        <h4>Contact Us <i class="icon-envelope icon-white"></i></h4>
        
        <address>
          <strong>Responsive</strong><br>
          222-444 Aliquam semper dignissim,<br>
      	  Fusce cursus turpis lacus, 22440<br>
          Sit amet tortor<br />
          <a href="#" title="照片 from cn.hdstockphoto.com"  class="res_about" target="_blank">照片</a><br>
          <abbr title="Phone">Phone:</abbr> <a href="tel:020-040-0240" title="give us a call">020-040-0240</a><br>
          <abbr title="Email">Email:</abbr> <a href="mailto:info@company.com">info@company.com</a>
        </address> 

      </section>
      
    </div>
      <div class="credit">
        <p id="templatemo_cr_bar">
          Copyright © 2072 <a href="#">Your Company Name</a> | <a  href="http://www.cssmoban.com/">模板之家</a> Collect from <a href="http://www.cssmoban.com">网页模板</a>
        </p>
      </div>
    </div>
  </footer>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="/default/js/bootstrap.min.js"></script>
</body>
</html>